<template>
  <div class="base-info-box">
    <div class="flex">
      <div class="flex-item">
        <span class="font-w font-16">基本信息</span>
        <div class="flex-col font-color-3 font-14">
          <span class="mar-t-20">平台类型: 抖音</span>
          <span class="mar-t-4">所属店铺: 众项云店</span>
          <span class="mar-t-4">支付类型: 支付宝</span>
          <span class="mar-t-4">是否一次性付款: 是</span>
          <span class="mar-t-4">买家昵称: 毛毛</span>
          <div class="v-align-c mar-t-10">
            <span class="mar-r-9">买家留言:  </span>
            <el-input placeholder="请输入内容" size="normal" />
          </div>
          <div class="mar-t-14">
            <span class="mar-r-9">卖家备注: </span>
            <el-input placeholder="请输入内容" size="normal" />
          </div>
        </div>
      </div>
      <div class="flex-item">
        <span class="font-w font-16">订单信息</span>
        <div class="flex-col font-color-3 font-14">
          <span class="mar-t-20">订单状态: 已发货</span>
          <span class="mar-t-4">订单类型: 定制单</span>
          <span class="mar-t-4">平台订单号: 1245456456464654</span>
          <span class="mar-t-4">零售订单号: 1215465121313131</span>
          <span class="mar-t-4">创建时间: 2022-01-11 22:23:33</span>
          <span class="mar-t-4">付款时间: </span>
          <span class="mar-t-4">同步时间: </span>
        </div>
      </div>
    </div>
    <div class="logistics-info">
      <span class="font-w font-16">收货和物流信息</span>
      <div class="mar-t-20">
        <div class="flex">
          <span>平台收货地址:</span>
          <span class="address-box">毛毛，15060321123，福建省 厦门市 湖里区  高林中路海西金融广场A栋</span>
        </div>
        <div class="flex mar-t-4">
          <span>当前收货地址:</span>
          <span class="address-box">毛毛，15060321123，福建省 厦门市 湖里区  高林中路海西金融广场A栋融广场A栋</span>
        </div>
        <div class="mar-t-4">
          <span>发货快递: </span>
          <span />
        </div>
        <div class="mar-t-4">
          <span>快递单号: </span>
          <span />
        </div>
      </div>
    </div>
  </div>
</template>

<style scoped>
::v-deep(.el-input) {
  width: 220px
}
.address-box {
  width: 468px;
}
.logistics-info {
  margin-top: 42px;
}
</style>
